<div>
    <div class="tempBox " v-bind:class="{'margin-top':!perviewOn}">
        <!-- 上面部分 -->
        <div v-if="uploading" class="upload"> 正在上传</div>
        <div class="banner1">
            <div class="rel">
                <img :src="obj.pic1" alt="" class="ban_1">
                <img-input :disabled="disabled" :name="'pic1'" :titile="'建议上传750*638的图片'"></img-input>
            </div>
            <img :src="`${serverUrl}bg1.png`" alt="" class="ban_2">
            <textarea v-model="obj.text1" class="text1" maxlength="7" placeholder="这是一段大标题" title="最多不超过7个字" :disabled="disabled"></textarea>
            <textarea v-model="obj.text2" class="text2" maxlength="20" placeholder="这是一段副标题一段副标题一段副标题" title="最多不超过20个字" :disabled="disabled"></textarea>
            <div class="logo rel">
                <div class="abs">
                    <img :src="obj.logoUrl" alt="" class="logo_pic">
                    <img-input :disabled="disabled" :name="'logoUrl'" :titile="'建议上传160*44的图片'"></img-input>
                </div>
                <textarea v-model="obj.logo_tip" class="logo_tip" maxlength="14" placeholder="项目相关slogan项目相关slogan" title="最多不超过14个字" :disabled="disabled"></textarea>
            </div>
            <div class="line"></div>
        </div>
        <div class="banner2">
            <div class="title">
                <textarea v-model="obj.text3" class="text3" maxlength="8" placeholder="这是小标题小标题" title="最多不超过8个字" :disabled="disabled"></textarea>
            </div>

            <div class="rel pic2">
                <el-carousel height="512px" width="705px" >
                    <el-carousel-item v-for="item in obj.imageFile1" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:512px;width:705px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile1'" :limit="3" :multiple="true" :titile="'建议上传705*512的图片'"></img-input>

            </div>
            <textarea v-model="obj.text4" class="text4" maxlength="60" placeholder="暗示着有人恼春，于是有个人物忽悠地闪了一下，桃红“醉依在封姨的臂弯里”，一下子就不见了。" title="最多不超过60个字" :disabled="disabled"></textarea>


            <div class="rel pic3">
                <el-carousel height="500px">
                    <el-carousel-item v-for="item in obj.imageFile2" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:500px;width:750px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile2'" :limit="3" :multiple="true" :titile="'建议上传750*500的图片'"></img-input>

            </div>
            <div class="line"></div>
        </div>
        <div class="banner3">
            <div class="title">
                <textarea v-model="obj.text5" class="text5" maxlength="8" placeholder="这是小标题小标题" title="最多不超过8个字" :disabled="disabled"></textarea>
            </div>
            <textarea v-model="obj.text6" class="text6" maxlength="60" placeholder="暗示着有人恼春，于是有个人物忽悠地闪了一下，桃红“醉依在封姨的臂弯里”，一下子就不见了。" title="最多不超过60个字" :disabled="disabled"></textarea>

            <div class="rel pic2">
                <el-carousel height="460px" width="600px" >
                    <el-carousel-item v-for="item in obj.imageFile3" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:460px;width:600px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile3'" :limit="3" :multiple="true" :titile="'建议上传600*460的图片'"></img-input>

            </div>


            <div class="rel pic3">
                <el-carousel height="470px">
                    <el-carousel-item v-for="item in obj.imageFile4" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:470px;width:750px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile4'" :limit="3" :multiple="true" :titile="'建议上传750*470的图片'"></img-input>

            </div>
            <div class="line"></div>
        </div>
        <div class="banner4">
            <div class="title">
                <textarea v-model="obj.text7" class="text7" maxlength="8" placeholder="这是小标题小标题" title="最多不超过8个字" :disabled="disabled"></textarea>
            </div>

            <div class="rel pic2">
                <el-carousel height="510px">
                    <el-carousel-item v-for="item in obj.imageFile5" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:510px;width:750px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile5'" :limit="3" :multiple="true" :titile="'建议上传750*510的图片'"></img-input>

            </div>
            <textarea v-model="obj.text8" class="text8" maxlength="60" placeholder="暗示着有人恼春，于是有个人物忽悠地闪了一下，桃红“醉依在封姨的臂弯里”，一下子就不见了。" title="最多不超过60个字" :disabled="disabled"></textarea>


            <div class="rel pic3">
                <el-carousel height="480px" width="627">
                    <el-carousel-item v-for="item in obj.imageFile6" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:480px;width:627px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile6'" :limit="3" :multiple="true" :titile="'建议上传627*480的图片'"></img-input>

            </div>
            <div class="line"></div>
        </div>
        <div class="banner5">
            <div class="title">
                <textarea v-model="obj.text9" class="text9" maxlength="8" placeholder="这是小标题小标题" title="最多不超过8个字" :disabled="disabled"></textarea>
            </div>
            <textarea v-model="obj.text10" class="text10" maxlength="60" placeholder="暗示着有人恼春，于是有个人物忽悠地闪了一下，桃红“醉依在封姨的臂弯里”，一下子就不见了。" title="最多不超过60个字" :disabled="disabled"></textarea>

            <div class="rel pic2">
                <el-carousel height="460px" width="600px" >
                    <el-carousel-item v-for="item in obj.imageFile7" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:460px;width:600px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile7'" :limit="3" :multiple="true" :titile="'建议上传600*460的图片'"></img-input>

            </div>


            <div class="rel pic3">
                <el-carousel height="430px">
                    <el-carousel-item v-for="item in obj.imageFile8" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:430px;width:645px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile8'" :limit="3" :multiple="true" :titile="'建议上传654*430的图片'"></img-input>

            </div>
            <div class="line"></div>
        </div>
        <!--底部-->
        <div class="foot" :style="`background: url(http://skyforest.static.elab-plus.com/temp/template7/notedit.png) top  center no-repeat/750px 30px;padding-top:30px`" v-if="isshow">
            <img :src="`http://skyforest.static.elab-plus.com/temp/template7/mengban.png`" alt="">
        </div>
        <div class="foot" v-if="!isshow">
            <img :src="`http://skyforest.static.elab-plus.com/temp/template7/notmengcheng.png`" alt="">
        </div>
        <!--底部-->
    </div>
</div>
